<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录jd</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.clear:after{
				content: '';
				clear: both;
				display: block;
				height: 0;
			}
			#login{
				width: 990px;
				margin: 0 auto;
			}
			#login #top h2{
				margin-top: 8px;
				background-image: url(logo.png);
				background-position: 14% center;
				background-repeat: no-repeat;
				/* text-align: center; */
				height: 60px;
				line-height: 60px;
				padding-left: 285px;
			}
			#login #loginForm{
				background-image: url(banner.png);
				background-repeat: no-repeat;
			}
		</style>
	</head>
	<body>
		<div id="login">
			<div id="top" class="clear">
				<!-- <img src="logo.png"/> -->
				<h2>欢迎登录</h2>
			</div>
			<div id="loginForm">
				<h3>
					京东会员
					<a href="#">即注册</a>
				</h3>
				<form>
					<p>
						<input type="text" placeholder="邮箱用户名或者手机" size="20"/>
					</p>
					<p>
						<input type="password"   size="20"/>
					</p>
					<p>
						<input type="checkbox" value="check"/>记住登录
						<a href="#">忘记密码？</a>
					</p>
					<p>
						<input type="submit" value="登录"/>
					</p>
				</form>
			</div>
		</div>
	</body>
</html>
